// 对于axios的二次封装
import axios from "axios";

// 导入NProgress包对应的JS和CSS
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
// 在当前模块中引入仓库store
import store from '@/store'

//  1:利用axios对象的方法create，去创建一个axios实例
//  2：request就是axios，只不过稍微配置了一下
const requests = axios.create({
  // 配置对象
  baseURL: "/api",
  // 代表请求超时的时间5s
  timeout: 5000,
})

// 添加请求拦截器
requests.interceptors.request.use((config) => {
  // 在发送请求之前做些什么
  // config:  配置对象，对象里面有一个属性很重要，headers请求头

  // 如国大仓库下的detail小仓库中的uuid_token存在【临时身份令牌】
  if (store.state.detail.uuid_token) {
    // 请求头添加一个字段（userTempId）：和后台老师商量好的
    config.headers.userTempId = store.state.detail.uuid_token
  }
  // 如果大仓库下的user小仓库中的token存在【后台分配的身份令牌】
  if (store.state.user.token) {
    config.headers.token = store.state.user.token
  }
  NProgress.start()
  return config
})

requests.interceptors.response.use((response) => {
  // 对响应数据做些什么 
  // 成功的回调函数，服务器响应数据回来后，响应拦截器可以检测到，可以做一些事情
  NProgress.done()
  return response
},
  (error) => {
    // 响应失败的回调函数
    return Promise.reject(new Error("faile!"))
  })




// 对外暴露
export default requests;